<!DOCTYPE html>
 <html>
 	<head>
 		<meta charset="utf-8">
 		<title></title>
		<script src="../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
 		<style type="text/css">
			#box{
				width: 1100px;
				margin: 0 auto;
			}
			.top{
				width: 1000px;
				height: 50px;
				margin: 20px auto;
			}
			.main{
				width: 1000px;
				height: 400px;
				margin: 30px auto;
			}
			input{
				height: 22px;
				margin-top: 12px;
				outline: none;
				margin-right: 10px;
			}
			#pp{
				width: 1000px;
				margin: 0 auto;
			}
			#span_account{
				color: red;
			}
			#tianjia{
				height: 28px;
			}
 			table{
 				text-align: center;
 			}
 			a{
 				text-decoration: none;
 				color: #000000;
 			}
			.p{
				float: right;
			}
			#user{
				background: none;
				border: none;
				color: #000000;
			}
			#box_btn{
				margin-top: -56px;
				float: right;
				margin-right: 43px;
			}
			#box_btn button{
				margin-right: 6px;
			}
 		</style>
 	</head>
 	<body>
		<div id="box">
			<p id="pp">欢迎<span id="span_account" ></span></p>
			<form class="top">
				<input type="text" id="ipt_name" placeholder="请输入书本名称" />
				<input type="text" id="ipt_low" placeholder="请输入最低价格" />
				<input type="text" id="ipt_top" placeholder="请输入最高价格" />
			</form>
			<div id="box_btn">
				<button type="button" onclick="search()">搜索</button>
				<button type="button" onclick="add()">添加</button>
				<button class="seleAll">全选</button>
				<button class="allDel">批量删除</button>
				<button class="reverse">反选</button>
				<button class="noneSele">全不选</button>
				<!-- <button class="download">下载</button> -->
				<a href="#" onclick="downFile()"><button class="download">下载</button></a>
			</div>
			<!-- submiit是button的默认值 -->
			<div class="main">
				<table border="1" id="mytable" width="1000px">
					<thead>
						<tr>
							<th>选择</th>
							<th>序号</th>
							<th>书籍名称</th>
							<th>出版日期</th>
							<th>价格</th>
							<th>数量</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						
					</tbody>
				</table>
				<p class="p">
					总价格:￥<span id="span_result"></span>
				</p>
			</div>	
		</div>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
 	</body>
 </html>
 